<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width,initial-scale=1'>

    <title>Репозиторий публикаций сотрудников ИрНИТУ</title>

    <link rel='icon' type='image/png' href='img/favicon.ico'>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">

</head>

<body>

<nav class="navbar navbar-expand-sm navbar-light bg-light">
    <div class="container-fluid">
        <a class="navbar-brand" href="http://library.istu.edu">
            <img src="img/logo.png" height="40" alt="НТБ ИрНИТУ">
        </a>
        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            <li class="nav-item text-primary">
                <a href="http://library.istu.edu" style="text-decoration: none;">
                    <h2 style="padding-top: 10px;">НТБ ИрНИТУ</h2>
                </a>
            </li>
        </ul>
    </div>
</nav>

<div class="container">

    <div class="row">

        <form class="col-lg-6 offset-lg-3 mt-3" autocomplete="off" onsubmit="return handleSubmit()">

            <h2 class="text-center mb-4">Репозиторий публикаций<br/>
                <small>преподавателей ИРНИТУ</small></h2>

            <div class="input-group">
                <select id="select1" class="btn btn-outline-primary">
                    <option value="A=" selected>Автор</option>
                    <option value="T=">Заглавие</option>
                    <option value="MR=">Кафедра</option>
                    <option value="K=">Ключевое слово</option>
                    <option value="G=">Год издания</option>
                    <option value="TJ=">Источник</option>
                    <option value="BBK=">ББК</option>
                </select>
                <input id="input1" type="text" class="form-control">
                <div class="input-group-text">
                    <input id="check1" type="checkbox" class="form-check-input" checked
                           data-bs-toggle="tooltip" data-bs-placement="top" title="усечение">
                </div>
            </div>

            <div class="input-group">
                <select id="select2" class="btn btn-outline-primary">
                    <option value="A=">Автор</option>
                    <option value="T=" selected>Заглавие</option>
                    <option value="MR=">Кафедра</option>
                    <option value="K=">Ключевое слово</option>
                    <option value="G=">Год издания</option>
                    <option value="TJ=">Источник</option>
                    <option value="BBK=">ББК</option>
                </select>
                <input id="input2" type="text" class="form-control">
                <div class="input-group-text">
                    <input id="check2" type="checkbox" class="form-check-input" checked
                           data-bs-toggle="tooltip" data-bs-placement="top" title="усечение">
                </div>
            </div>

            <div class="input-group">
                <select id="select3" class="btn btn-outline-primary">
                    <option value="A=">Автор</option>
                    <option value="T=">Заглавие</option>
                    <option value="MR=" selected>Кафедра</option>
                    <option value="K=">Ключевое слово</option>
                    <option value="G=">Год издания</option>
                    <option value="TJ=">Источник</option>
                    <option value="BBK=">ББК</option>
                </select>
                <input id="input3" type="text" class="form-control">
                <div class="input-group-text">
                    <input id="check3" type="checkbox" class="form-check-input" checked
                           data-bs-toggle="tooltip" data-bs-placement="top" title="усечение">
                </div>
            </div>

            <div class="mt-3">
                <div class="input-group-text">
                    <label for="howMany">ограничить результат&nbsp;&nbsp;</label>
                    <select id="howMany" class="form-select">
                        <option value="10">10</option>
                        <option value="50" selected>50</option>
                        <option value="100">100</option>
                        <option value="500">500</option>
                    </select>
                    &nbsp;&nbsp;статьями
                </div>
            </div>

            <div class="input-group-text">
                &nbsp;
                <input id="fullText" type="checkbox" class="form-check-input" checked>
                &nbsp;
                <label for="fullText" class="form-check-label">только публикации с полным текстом</label>
            </div>

            <div class="input-group mt-3 mb-3">
                <button type="submit" class="btn btn-primary form-control">Поиск</button>
                &nbsp;
                <button type="reset" class="btn btn-outline-primary form-control">Сброс</button>
            </div>

        </form>

    </div>

    <div id="busyIndicator" class="text-center mb-5" style="display: none;">
        <h2><img id="arctic-fox" src="img/arctic-fox.gif" alt="полярная лисичка"></h2>
    </div>

    <div id="suggestion" class="text-center text-info mb-5">
        <p>Попробуйте поиск по фамилиям: Байбородин, Бегунов, Большаков, Гридин, Зайдес, <br/>
            Лобацкая, Меерович, Пономарев, Тен, Щадов, Ястребов</p>
        <p>или по местам работы авторов: Кафедра машиностроительных технологий и материалов,<br/>
            Кафедра оборудования и автоматизации машиностроения,<br/>
            Кафедра математики, Кафедра самолетостроения,<br/>
            Кафедра электроснабжения и электротехники, Кафедра геммологии
        </p>
    </div>

    <div id="errorIndicator" class="text-center text-danger mb-5" style="display: none;">
        <h2 id="errorMessage">Произошла ошибка</h2>
    </div>

    <div id="debugIndicator" class="text-center text-danger mb-5" style="display: none;">
        <h2 id="debugMessage">Отладочное сообщение</h2>
    </div>

    <div class="row">

        <div class="col-lg-8 offset-lg-2 mt-3">

            <table id="articleList">
            </table>

        </div>
    </div>
</div>

<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/script.js"></script>

</body>
</html>
